<template>
  <div class="bigbox">
    <a-page-header
      style="border: 1px solid rgb(235, 237, 240)"
      title="注册页"
      @back="() => null"
    >
      <a-tabs default-active-key="2" size="large">
        <a-tab-pane key="1" tab="学生"> <Students/> </a-tab-pane>
        <a-tab-pane key="2" tab="教师"> <Teachers/> </a-tab-pane>
        <a-tab-pane key="3" tab="管理员"> <Admin/> </a-tab-pane>
      </a-tabs>
    </a-page-header>
  </div>
</template>
<script>
import Students from '@/components/Register/Students.vue';
import Teachers from '@/components/Register/Teachers.vue';
import Admin from '@/components/Register/Admin.vue';
export default {
  name: "register",
  components: {Students,Teachers,Admin},
  data() {

    return {
      layout: {
        labelCol: { span: 5 },
        wrapperCol: { span: 15 },
      },
    };
  },
  methods: {

  }

};
</script>
<style >
.bigbox {
  text-align: center;
}
.box {
  width: 50%;
  margin: 0 auto;
}
</style>